<template>
  <div class="page-box">
    <el-tabs
      v-model="activeName"
      type="card"
      @tab-click="handleClick"
      size="small"
    >
      <el-tab-pane label="待审核" name="pendingForm">
        <pending-form v-if="activeName == 'pendingForm'"></pending-form>
      </el-tab-pane>
      <el-tab-pane label="已审核" name="auditedForm">
        <audited-form v-if="activeName == 'auditedForm'"></audited-form>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup name="audit">
import auditedForm from './audited'
import pendingForm from './pending'
import { toRefs, reactive } from 'vue'
const data = reactive({
  activeName: 'pendingForm'
})
const { activeName } = toRefs(data)

function handleClick(tab, event) {}
</script>
<style lang="scss" scoped>
.page-box {
  display: block;
  padding-top: 16px;
  margin-left: -1px;
}
</style>
